<template>
<view class="box">
  <view class="fen"></view>
  <view class="headerbox">
      <view class="header">
        <view class="headerimg" :style="{'background-image':`url('${userinfo.avatar_url}')`}"></view>
        <view class="headername">{{userinfo.nick_name}}</view>
      </view>
  </view>
  <view class="listbox">
    <view class="listbox1"> 
      <view class="type">收益类型</view>
      <view class="nei">{{list1.withdarw_type == 1 ? '订单退款金额提现'  : '累计收益金额提现'}}</view>
    </view>
    <view class="listbox1">
      <view class="type">提现金额</view>
      <view class="nei">{{list1.count}}</view>
    </view>
    <view class="listbox1">
      <view class="type">实际到账金额</view>
      <view class="nei">{{list1.money_actual}}</view>
    </view>
    <view class="listbox1">
      <view class="type">订单编号</view>
      <view class="nei">{{list1.order_num}}</view>
    </view>
    <view class="listbox1">
      <view class="type">交易时间</view>
      <view class="nei">{{list1.created_at}}</view>
    </view>
    <view class="listbox1">
      <view class="type">提现描述</view>
      <view class="nei">{{list1.status == 1 ?'审核中':list1.status == 2?'提现成功':list1.status == 3?'提现取消':list1.status==4?'提现拒绝':list1.status==5?'提现失败':''}}</view>
    </view>
  </view>
  <view :class="{fankuan: list1.status == 1,fankuan1: list1.status != 1}">{{list1.status == 1 ?'审核中':list1.status == 2?'已提现':list1.status == 3?'提现取消':list1.status == 4?'提现拒绝':list1.status==5?'提现失败':''}}</view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				userinfo: {},
                list1: {}
			}
		},
		methods: {
			
		},
        onLoad({item}) {
            this.userinfo = uni.getStorageSync("userInfo")
            this.list1 = JSON.parse(item)
        }
	}
</script>

<style>
/* pages/wallet/wallettwo/wallettwo.wxss */
.box{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #f1f1f1;  
}
.fen{
  width: 100%;
  height: 200rpx;
}
.headerbox{
  width: 100%;
  height: 250rpx;
}
.header{
  width: 86%;
  height: 100%;
  border-bottom: 1px solid #999;
  margin: 0 auto;
  text-align: center;
}
.headerimg{
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0rpx auto;
}
.headername{
  font-size: 30rpx;
  color: #111;
  margin: 30rpx 0;
  letter-spacing: 2rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.headermoney{
  font-size: 40rpx;
  color: black;
  font-weight: 550;
}
.headermoney>text{
  margin-right: 4rpx;
}
.listbox{
  padding: 20rpx 7%;
  width: 86%;
  height: auto;

}
.listbox1{
  width: 100%;
  min-height: 40rpx;
  margin: 20rpx 0;
  display: flex;
  font-size: 28rpx;
}
.type{
  width: 30%;
  height: auto;
  margin-right: 30rpx;
  color: #888;
}
.nei{
  width: calc(80% - 30rpx);
  height: auto;
  word-wrap:break-word;
  word-break:break-all;
}
.fankuan{
  width: 400rpx;
  height: 80rpx;
  background: linear-gradient( #60CC60, #79E379);
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
}
.fankuan1{
  width: 400rpx;
  height: 80rpx;
  background-color: cornflowerblue;
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
}
#hode{
  width: 400rpx;
  height: 80rpx;
  background: linear-gradient( #60CC60, #79E379);
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
  display: block;
}
#hode1{
  width: 400rpx;
  height: 80rpx;
  background: linear-gradient( #60CC60, #79E379);
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  margin: 30rpx auto 0;
  color: white;
  display: none;
}
</style>
